<template>
	<view class="root-box root-container root-page-top">
		<uv-navbar @leftClick="goBack" placeholder bgColor="transparent" :fixed="false" title=""></uv-navbar>
		<view class="content">
			<view class="message-box">
				<tui-icon custom-prefix="lishitong" name="lishitong-lingdang-xianxing" size="26" color="red"></tui-icon>
				<view class="msg-msg">暂无新消息</view>
			</view>
			<view class="date-box mt-30">日期：2025-08-15</view>
			<view class="grid-container mt-30">
			    <view class="grid-item">
					<view class="flx-default">
						<view class="num-title">技师数量</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item">
					<view class="flx-default">
						<view class="num-title">邻工数量</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item">
					<view class="flx-default">
						<view class="num-title">店铺数量</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item">
					<view class="flx-default">
						<view class="num-title">福卡数量</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item" @click="onGoPage('/pages-manager/order/fuka')">
					<view class="flx-default">
						<view class="num-title">邻工订单</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item" @click="onGoPage('/pages-manager/order/fuka')">
					<view class="flx-default">
						<view class="num-title">服务订单</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item" @click="onGoPage('/pages-manager/order/fuka')">
					<view class="flx-default">
						<view class="num-title">福卡订单</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
				<view class="grid-item" @click="onGoPage('/pages-manager/order/fuka')">
					<view class="flx-default">
						<view class="num-title">家集市订单</view>
						<view><uv-icon name="arrow-right" color="#666" size="14"></uv-icon></view>
					</view>
					<view class="fz36 fzW cdark mt-20">0</view>
				</view>
				
			</view>
			
			
			
			
			
			
			
			
			
		</view>
		<managerNavbar :tabValue="tabValue"></managerNavbar>
	</view>

</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	import managerNavbar from '../components/manager_navbar.vue'
	
	import {
		navigate
	} from '@/util/tools.js';
	import { useCustomBack } from '@/components/useCustomBack.js'
	const { goBack } = useCustomBack('/pages-user/select_Identity')

	
	
	const tabValue = ref(0)
	
	
	const active = ref(0)
	const keyword = ref(null)

	const onTabChange = (index) => {
		console.log("切换到：", index)
	}

	const change = async (eg = null) => {

		if (eg) {
			currentTab.value = eg.index;
		}

	}
	
	const onGoPage=(url)=>{
		navigate(url)
	}
</script>

<style lang="scss" scoped>
	.root-box {


		.content {
			padding: 30rpx;
			box-sizing: border-box;

		}
	}
	
	.message-box{
		width: 630upx;
		background-color: #fff;
		border-radius: 60upx;
		display: flex;
		align-items: center;
		padding: 10upx 30upx;
	}
	
	
	.msg-msg{
		color: #666;
		font-size: 24upx;
		margin-left: 10upx;
	}
	.date-box{
		background-color: #fff;
		display: flex;
		align-items: center;
		padding: 10upx 30upx;
		color: #000;
		font-size: 24upx;
	
	}
	 .grid-container {
		 padding: 20upx;
		 box-sizing: border-box;
	      display: grid;
	      grid-template-columns: repeat(3, 1fr); /* 3列，等宽 */
	      grid-template-rows: repeat(3, 1fr);  /* 3行，高度100px */
	      gap: 20upx; /* 网格间距 */
		  background-color: #fff;
	     
	    }
	
	    .grid-item {
			background-color: #eaeaea;
			border-radius: 6upx;
			padding: 20upx 20upx 20upx 20upx;
			box-sizing: border-box;
			
	     
	    }
		.num-title{
			font-size: 24upx;
			color: #666;
		}
	
	

	
</style>